body.theme-stellar-traveler {
    background: #0a0c1e url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="white" opacity="0.5"/><circle cx="30" cy="70" r="1.5" fill="white" opacity="0.4"/><circle cx="80" cy="20" r="2" fill="white" opacity="0.6"/></svg>') repeat;
    color: #b0c4de;
}

.theme-stellar-traveler .container {
    background: rgba(10, 12, 30, 0.8);
    border: 1px solid #4a5d75;
    box-shadow: 0 0 20px rgba(74, 93, 117, 0.5),
    inset 0 0 10px rgba(255, 255, 255, 0.1);
}

.theme-stellar-traveler h1 {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
}

.theme-stellar-traveler label {
    color: #ffffff;
}

.theme-stellar-traveler select,
.theme-stellar-traveler input,
.theme-stellar-traveler button:not(.theme-toggle button) {
    background: rgba(20, 25, 40, 0.9);
    border-color: #4a5d75;
    color: #b0c4de;
}

.theme-stellar-traveler th {
    background: rgba(74, 93, 117, 0.3);
    color: #ffffff;
    border-bottom-color: #4a5d75;
}

.theme-stellar-traveler td {
    border-bottom-color: rgba(74, 93, 117, 0.2);
}

.theme-stellar-traveler tr:hover {
    background: rgba(74, 93, 117, 0.1);
}

.theme-stellar-traveler button {
    background: #4a5d75;
    color: #ffffff;
    border: 2px solid;
}

.theme-stellar-traveler button:hover {
    background: #6a7d95;
}

.theme-stellar-traveler .theme-toggle button {
    background: rgba(74, 93, 117, 0.3);
}

.theme-stellar-traveler .theme-toggle button:hover {
    background: rgba(74, 93, 117, 0.6);
}

.theme-stellar-traveler .nav-item {
    border: 2px solid;
    color: #ffffff;
}